<div class="menuBar">
    <a href="#/" class="left am-icon-arrow-circle-o-left backBtn" title="后退"></a>
    <div class="left menuTitle">组织节点维护</div>
</div>
<div id="content">
    <div id="contentLeft" class="clear" ng-content-left>
        <div id="contentLeftWrap">
            <div class="am-panel am-panel-default contentLeftPanel">
                <div class="am-panel-hd">字段筛选</div>
                <div class="am-panel-bd">
                    <input type="text" class="am-form-field am-input-sm" ng-model="organizationNodeCodeFilterInput" placeholder="编码"/>
                    <input type="text" class="am-form-field am-input-sm" ng-model="organizationNodeNameFilterInput"  placeholder="名称"/>
                    <input type="text" class="am-form-field am-input-sm" ng-model="organizationNodeTypeNameFilterInput" placeholder="类型"/>
                    <input type="text" class="am-form-field am-input-sm" ng-model="organizationNodeManagerNameFilterInput" placeholder="负责人"/>
                    <input type="text" class="am-form-field am-input-sm" ng-model="organizationNodeParentNameFilterInput"  placeholder="上级组织名称"/>
                    <input type="text" class="am-form-field am-input-sm" ng-model="organizationNodeParentCodeFilterInput"  placeholder="上级组织编码"/>
                    <input type="text" class="am-form-field am-input-sm" ng-model="organizationNodeMarkFilterInput"  placeholder="标签"/>
                </div>
            </div>

            <div class="am-panel am-panel-default contentLeftPanel" ng-organization-node-content-left-date-filter="">
                <div class="am-panel-hd">生效日期范围</div>
                <div class="am-panel-bd">

                    <div class="am-alert am-alert-danger" id="organizationNodeContentLeftDateFilterAlert" style="display: none">
                        <p>开始日期应小于结束日期！</p>
                    </div>

                    <div class="am-form-icon">
                        <i class="am-icon-close" id="organizationNodeContentLeftDateFilterStart"></i>
                        <input id="organizationNodeContentLeftDateFilterStartDate" ng-model="organizationNodeContentLeftDateFilterStartDate" type="text" class="am-form-field am-input-sm"  placeholder="起始生效日期">
                    </div>
                    <div class="am-form-icon">
                        <i class="am-icon-close" id="organizationNodeContentLeftDateFilterEnd"></i>
                        <input id="organizationNodeContentLeftDateFilterEndDate" ng-model="organizationNodeContentLeftDateFilterEndDate" type="text" class="am-form-field am-input-sm"  placeholder="结束生效日期">
                    </div>
                </div>
            </div>
            <div class="am-panel am-panel-default contentLeftPanel">
                <div class="am-panel-hd">状态筛选</div>
                <div class="am-panel-bd" id="organizationNodeContentLeftPanelStatusBd">
                    <label>
                        <input type="checkbox" checked ng-model="organizationNodeEnableTrueFilterInput" ng-change="organizationNodeEnableFilterInputChange()">包含有效
                    </label>
                    <label>
                        <input type="checkbox" checked ng-model="organizationNodeEnableFalseFilterInput" ng-change="organizationNodeEnableFilterInputChange()">包含无效
                    </label>
                </div>
            </div>
            <div class="am-panel am-panel-default contentLeftPanel">
                <div class="am-panel-hd">排序规则</div>
                <div class="am-panel-bd">
                    <select id="organizationNodeContentLeftSortSelect" ng-model="organizationNodeOrderFilterSelect" ng-amaze-select-up>
                        <option value="-effectiveDate">生效日期</option>
                        <option value="code">编码</option>
                        <option value="organizationNodeType_Name">类型</option>
                        <option value="managerName">负责人</option>
                        <option value="parentCode">上级组织编码</option>
                        <option value="parentName">上级组织名称</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
    <div id="contentRight" ng-content-right>
        <div id="contentRightMenuBar">
            <div id="contentRightMenuBarWrap" >
                <button type="button" class="am-btn  am-btn-xs am-btn-default left"> <i class="am-icon-plus"></i>新建</button>
                <button type="button" class="am-btn am-btn-xs am-btn-default left"> <i class="am-icon-ban"></i>失效</button>
                <button type="button" class="am-btn am-btn-xs am-btn-default left"> <i class="am-icon-key"></i>生效</button>

                <div class="left"  id="contentRightMenuBarRightDropdownWrap" ng-content-right-menu-bar-right-dropdown="">
                    <div class="am-dropdown" id="contentRightMenuBarRightDropdown">
                        <button class="am-btn am-btn-xs am-btn-default am-dropdown-toggle"> <i class="am-icon-bars"></i>更多操作<span class="am-icon-caret-down"></span></button>
                        <ul class="am-dropdown-content">
                            <li><a href="#">导入</a></li>
                            <li class="am-disabled"><a href="#">选中导出</a></li>
                            <li class="am-divider"></li>
                            <li><a href="#">删除</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="contentRightWrap" ng-content-right-wrap="">
            <table class="am-table am-table-hover" id="organizationNodeContentRightTable">
                <thead>
                    <tr>
                        <th>
                          <input type="checkbox">
                        </th>
                        <th>编码</th>
                        <th>名称</th>
                        <th>类型</th>
                        <th>负责人</th>
                        <th>上级编码</th>
                        <th>上级组织</th>
                        <th>生效日期</th>
                        <th>同层排序</th>
                        <th>状态</th>
                    </tr>
                </thead>
                <tbody>
                    <tr  ng-repeat="organizationNode in organizationNodes|filter: {'code':organizationNodeCodeFilterInput,'name':organizationNodeNameFilterInput,'organizationNodeType_Name':organizationNodeTypeNameFilterInput,'managerName':organizationNodeManagerNameFilterInput,'parentName':organizationNodeParentNameFilterInput,'parentCode':organizationNodeParentCodeFilterInput,'mark':organizationNodeMarkFilterInput,'enable':organizationNodeEnableFilterInput}|organizationNodesDateFilter:organizationNodeContentLeftDateFilterStartDateInput:organizationNodeContentLeftDateFilterEndDateInput| orderBy:organizationNodeOrderFilterSelect">
                        <td><input type="checkbox" name="organizationNodeCheckbox" value="{{organizationNode.id}}" ></td>
                        <td ng-click="$state.go('organizationNodeItem.basic',{organizationNodeCode:organizationNode.code})">{{organizationNode.code}}</td>
                        <td ng-click="$state.go('organizationNodeItem.basic',{organizationNodeCode:organizationNode.code})">{{organizationNode.name}}</td>
                        <td ng-click="$state.go('organizationNodeItem.basic',{organizationNodeCode:organizationNode.code})">{{organizationNode.organizationNodeType_Name}}</td>
                        <td ng-click="$state.go('organizationNodeItem.basic',{organizationNodeCode:organizationNode.code})">{{organizationNode.managerName}}</td>
                        <td ng-click="$state.go('organizationNodeItem.basic',{organizationNodeCode:organizationNode.code})">{{organizationNode.parentName}}</td>
                        <td ng-click="$state.go('organizationNodeItem.basic',{organizationNodeCode:organizationNode.code})">{{organizationNode.parentCode}}</td>
                        <td ng-click="$state.go('organizationNodeItem.basic',{organizationNodeCode:organizationNode.code})">{{organizationNode.effectiveDate | date : 'yyyy-MM-dd'}}</td>
                        <td ng-click="$state.go('organizationNodeItem.basic',{organizationNodeCode:organizationNode.code})">{{organizationNode.indexOrder}}</td>
                        <td ng-click="$state.go('organizationNodeItem.basic',{organizationNodeCode:organizationNode.code})" ng-show="organizationNode.enable">有效</td>
                        <td ng-click="$state.go('organizationNodeItem.basic',{organizationNodeCode:organizationNode.code})" ng-show="!organizationNode.enable">无效</td>
                    </tr>
                </tbody>
        </table>
        </div>
    </div>
</div>